<template>
	<u-tabbar :value="value" :list="tabbar_list" :active-color="activeColor" :border-top="false"></u-tabbar>
</template>

<script>
export default {
	model: {
		props: 'value'
	},
	props: {
		value: {
			type: Number,
			default: 0
		}
	},
	computed: {
		tabbar_list() {
			return [
				{
				
					iconPath: '/static/img/tabbar-icon/home.png',
					selectedIconPath: '/static/img/tabbar-icon/homec.png',
					text: '首页',
					customIcon: false,
					pagePath: '/pages/index/index'
				},
				{
					
					iconPath: '/static/img/tabbar-icon/menu-fold.png',
					selectedIconPath: '/static/img/tabbar-icon/menufoldc.png',
					text: '分类',
					customIcon: false,
					pagePath: '/pages/classification/cate'
				},
				{
				
					iconPath: '/static/img/tabbar-icon/gouwuche.png',
					selectedIconPath: '/static/img/tabbar-icon/gouwuchec.png',
					text: '购物车',
					customIcon: false,
					// 红色角标显示的数字，如果需要移除角标，配置此参数为0即可
					count: this.$store.state.cartNum,
					pagePath: '/pages/cart/cart'
				},
				{
					
					iconPath: '/static/img/tabbar-icon/user.png',
					selectedIconPath: '/static/img/tabbar-icon/userc.png',
					text: '我的',
					customIcon: false,
					pagePath: '/pages/user/user'
				}
			];
		},
		activeColor() {
			return this.$store.state.baseSet.themeStyle.color_o || '#FD463E';
			// return '#FD463E';
		}
	}
};
</script>

<style></style>
